:global {
    .component-navbar-wrapper {
        position: fixed;
        bottom: 0;
        left: 50%;
        z-index: 10;
        width: 7.5rem;
        transform: translateX(-50%);
        background: #fff;
        border-top: 0.02rem solid rgba(221, 221, 221, .5);
        .navbar-inner {
            padding: 0.24rem 1.75rem;
            display: flex;
            justify-content: space-between;
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom);

            .navbar-item {
                color: #555;
                font-size: 0.32rem;
                position: relative;
                font-weight: bold;
                padding-bottom: 0.2rem;
                cursor: pointer;

                &.active {
                    color: #FD8E1F;

                    &::after {
                        background: #FD8E1F;
                        font-size: 0.36rem;
                    }
                }

                &::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    width: 100%;
                    background: transparent;
                    height: 0.06rem;
                    bottom: 0;
                }
            }
        }
    }
}
